import {
    initShader,
} from '../lib/index'
const canvas = document.querySelector('canvas')
//获取webgl上下文
const gl = canvas.getContext('webgl')
//定义点顶点着色器(字符串)
const vs_shader = /*glsl*/ `
          // 指定浮点数精度为中等精度  
          precision mediump float;//glsl语法每一行后面都要加上分号,每一行后面都要加上分号
          //glsl语法中,必须有一个入口函数main shaderToy里面叫mainImage cesuim里面可能叫czm_Main
          void main(){
            //gl_Position 是最后输出的坐标值,Vect4是四维向量,具有四个分量,每一个分量都是float
            gl_Position=vec4(0.0,0.0,0.0,1.0);
            //gl_PointSize是最后输出点的像素大小  float
            gl_PointSize = 10.0;
          }`
//片元着色器
const fs_shader = /*glsl*/ `
        precision mediump float;
        void main(){
            //gl_FragColor是最后输出的像素颜色,是一个四维的数据
            gl_FragColor = vec4(1.0,0.0,0.0,1.0);
        }`
//编译着色器,生成程序对象 操作手，专门负责javaScript和shader着色器的通讯
const program = initShader(gl, vs_shader, fs_shader)
//执行绘制
gl.drawArrays(gl.POINTS, 0, 1)